<template>
  <div id="guide">
    <p class="tit">一、切换税款所属月份</p>
    <p>
      在自然人扣缴端中，登录企业，先进行切换税款所属月份；<br />
      情况一：当工资表的计税规则选择的为“与工资所属月保持一致”时，则税款所属月份选择与工资表月份一致即可<br />
      情况二：当工资表的计税规则选择的为“比工资所属月晚一个月”时，则税款所属月份选择比工资表晚一个月<br />
    </p>
    <el-image :preview-src-list="[images[0]]" :src="images[0]" />
    <p class="tit">二、获取专项附加扣除信息</p>
    <el-image :preview-src-list="[images[1]]" :src="images[1]" />
    <p class="tit">三、生成零工资，预填专项附加扣除</p>
    <p>点击综合所得申报，进入正常工资薪金申报表中，进行生成零工资</p>
    <p class="txt">(1)进入正常工资薪金所得报表</p>
    <el-image :preview-src-list="[images[2]]" :src="images[2]" />
    <p class="txt">（2）生成零工资数据</p>
    <el-image :preview-src-list="[images[3]]" :src="images[3]" />
    <el-image :preview-src-list="[images[4]]" :src="images[4]" />
    <p class="txt">（3）预填专项附加扣除</p>
    <el-image :preview-src-list="[images[5]]" :src="images[5]" />
    <p class="tit">四、导出当前工资页数据</p>
    <el-image :preview-src-list="[images[6]]" :src="images[6]" />
    <p class="tit">五、导入专项附加扣除（附表）中</p>
    <p>登陆至系统，进入薪酬模块，在工资表的转向附加扣除（附表）中进行导入即可</p>
  </div>
</template>
<script>
export default {
  name: "guide",
  data() {
    return {
      images: Array(7)
        .fill(null)
        .map((key, i) => require(`@/assets/images/smartSalary/guide${i + 1}.png`)),
    };
  },
};
</script>
<style lang="less" scoped>
#guide {
  padding: 30px 100px;
  p {
    font-size: 16px;
    line-height: 1.6;
  }
  .tit {
    font-size: 20px;
    font-weight: bold;
  }
  .txt {
    font-weight: bold;
  }
  el-image {
    margin: 10px 0;
    width: 100%;
  }
}
</style>
